<template>
	<div class="business-type">
		<div class="business-type-box layout pt40rem pb40rem pl30rem pr30rem border-b">
			<div class="business-type-left flex-start">
				  <div class="pretty p-default p-round p-smooth">
			        <input type="checkbox" />
			        <div class="state p-primary">
			            <label></label>
			        </div>
			    </div>
			</div>
			<div class="business-type-right flex_1 mr20rem">
				<p class="fr32rem black bold">旗舰店：</p>
				<p class="fs24rem c999">经营1个自有品牌或者1级授权品牌旗舰店</p>
			</div>
		</div>
		<div class="business-type-box layout pt40rem pb40rem pl30rem pr30rem border-b">
			<div class="business-type-left flex-start">
				  <div class="pretty p-default p-round p-smooth">
			        <input type="checkbox" />
			        <div class="state p-primary">
			            <label></label>
			        </div>
			    </div>
			</div>
			<div class="business-type-right flex_1 mr20rem">
				<p class="fr32rem black bold">专卖店：</p>
				<p class="fs24rem c999">经营1个自有品牌或者授权销售专卖店（不超过2级）</p>
			</div>
		</div>
		<div class="business-type-box layout pt40rem pb40rem pl30rem pr30rem border-b">
			<div class="business-type-left flex-start">
				  <div class="pretty p-default p-round p-smooth">
			        <input type="checkbox" />
			        <div class="state p-primary">
			            <label></label>
			        </div>
			    </div>
			</div>
			<div class="business-type-right flex_1 mr20rem">
				<p class="fr32rem black bold">专营店：</p>
				<p class="fs24rem c999">经营1个或多个自有/他人品牌的专营店</p>
			</div>
		</div>
		<div class="business-type-box layout pt40rem pb40rem pl30rem pr30rem border-b">
			<div class="business-type-left flex-start">
				  <div class="pretty p-default p-round p-smooth">
			        <input type="checkbox" />
			        <div class="state p-primary">
			            <label></label>
			        </div>
			    </div>
			</div>
			<div class="business-type-right flex_1 mr20rem">
				<p class="fr32rem black bold">普通店：</p>
				<p class="fs24rem c999">普通企业店铺</p>
			</div>
		</div>
		<div class="btn flex fixed mb40rem mt80rem">
			<button class="flex_1 ml30rem mr30rem cxo-red white">填写资料</button>
		</div>
	</div>
</template>

<script>
	export default{
		data()
		{
			return{

			}
		},
		methods:
		{

		}
	}
</script>

<style lang="less">
	.business-type{
		background: #f5f5f5;
		.business-type-box{
			background: #fff;
		}
		.pretty .state label:before{
		    border-color: #ff0036;
		}
		.pretty input:checked ~ .state.p-primary label:after, .pretty.p-toggle .state.p-primary label:after{
			background-color: #ff0036 !important;
		}
	}
</style>